<script setup lang="ts">
import { onMounted, ref } from 'vue';

// 非空处理
const iptRef = ref<null | HTMLInputElement>(null)

onMounted(() => {
  // 1. 可选链操作符
  // iptRef.value?.focus()
  // 2. 逻辑判断
  // if (iptRef.value) {
  //   iptRef.value.focus()
  // }
  // 3. 非空断言 一定要确定有值
  iptRef.value!.focus()
})
</script>

<template>
  <input type="text" ref="iptRef">
</template>

<style scoped>
</style>
